* {
              font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
              margin: 0;
              padding: 0;
}

a {
	cursor: pointer;
}

body {
              margin: 0;
              padding: 0;
              overflow: none;
              height: 100%;
              overflow: hidden;
              background-color: #ccc;
}

input::-webkit-input-safebox-button {
	display:none;
}

.background {
              position: absolute;
              overflow: hidden;
              left: 0;
              top: 0;
              bottom: 0;
              z-index: 0;
}

.background-img {
              position: absolute;
}

.wrap {
              color: #4b4a4a;
              position: relative;
              z-index: 2;
}

.navbar-index {
              position: absolute;
              top: 0;
              width: 100%;
              background: transparent;
              border-radius: 0px;
              height: 60px;
              border-width: 0px;
              margin-bottom: 0;
              border-bottom-width: 1px;
              border-bottom-color: rgba(255, 255, 255, 0.5);
              font-size: 14px;
              color: #fff;
              background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
              background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
              background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
              background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.container-fluid {
              height: 100%;
              width: 55%;
              margin: 0 auto;
              padding: 0;
}

.navbar-header,
.navbar-brand,
.navbar-nav {
              height: 100%;
}

.navbar-index .container-fluid .navbar-nav .active {
              border-bottom: 3px solid #fff;
              background: transparent;
}

.navbar-index .navbar-nav>li>a {
              color: #fff;
              padding: 20px;
}

.navbar-index .navbar-header .navbar-text {
              display: block;
              font-weight: bold;
              font-size: 16px;
              text-decoration-style: none;
              color: #fff;
              padding: 20px 0 20px 15px;
              margin: 0;
              line-height: 20px;
              height: 100%;
}

.navbar-index .navbar-header .navbar-brand {
              padding: 22px 0 18px 0;
              margin-left: 5px;
}

.navbar-index .navbar-nav {
              font-size: 16px;
              font-weight: bold;
}


.navbar-index .navbar-header .navbar-text:hover,
.navbar-index .navbar-header .navbar-text:focus,
.navbar-index .navbar-brand:hover,
.navbar-index .navbar-brand:focus,
.navbar-index .navbar-nav>li>a:hover,
.navbar-index .navbar-nav>li>a:focus {
              text-decoration: none;
}

#regarding_us_text>a {
              color: #fff;
}

/* ---------------------- 登录 ---------------------------- */

.login-area {
              position: absolute;
              top: 20%;
              right: 10%;
              width: 380px;
              background-color: rgba(0, 0, 0, 0.4);
}

.black-area {
              margin: 45px auto 60px auto;
              width: 300px;
}

.logo {
       display: inline;
       height: 19px;
       margin-right: 10px;
}

.logo-text {
           font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}

.middle-input {
              display: block;
              margin-top: 15px;
              width: 300px;
              height: 35px;
              padding-left: 15px;
}

.middle-button {
              display: block;
              margin-top: 15px;
              width: 100px;
              height: 35px;
}

.middle-text {
              margin-top: 15px;
              margin-right: 15px;
              height: 35px;
              font-size: 12px;

}

.in-middle-no-black {
              background: transparent;
              border: 1px solid rgba(255, 255, 255, 1);
              border-radius: 4px;
              color: #fff;
              outline: none;
}

.login-area .black-area .error-msg ,
.forget-area .black-area .error-msg-regard,
.forget-area .black-area .error-msg-forget {
	 margin-top: 15px;
	 font-size: 12px;
	 color: #fa192c;
	 cursor: default;
	 font-weight:bold;
	 text-align: right;
	 
}

.a-eee {
       color: rgba(255, 255, 255, 0.8);
       cursor: pointer;
}

.a-eee:hover {
       color: rgba(255, 255, 255, 0.8);
}

.text-bottom {
       position: relative;
       top: 17px;
}

#posswordeye {
	position: absolute;
	top:11px;
	right: 15px;
	color: white;
	cursor:pointer;
}

/* ----------------- 忘记密码 ---------------------- */

.forget-area {
              position: absolute;
              top: 120px;
              right: 580px;
              width: 380px;
              background-color: rgba(0, 0, 0, 0.45);
              color:white;
}

textarea.texta-login {
	 margin-left:0px;
	 padding: 5px 15px;
	 line-height:33px;
	 outline: none;
	 resize:none;
	 width:300px;
	 border:1px solid white;
}

.zindex3 {
	z-index:3;
}

.wwww {
	margin-top:10px;
	width:187px;
}

.a-eee-active {
	color:white;
	font-weight:bold;
}

.a-joke {
       color: white;
       cursor: pointer;
}

.a-joke:hover {
       color: rgba(255, 255, 255, 0.8);
}

#forget-sec,#forget-thi,#change-password-area,.default-hide {
	display:none;
}

.bottom-border-input {
	padding:0;
	margin-top:10px;
	background:transparent;
	border:none;
	border-bottom:1px solid white;
	outline-style:none;
	font-size:13px;
}

.a-btn {
	margin-top:10px;
	line-height:21px;
	margin-left:15px;
}

.tran-pla::-webkit-input-placeholder {
        color: rgba(255,255,255,0.6)
}

#change-password-eye {
	font-size:12px;
	margin-right:10px;
}

/* ----------------- 量化成绩查询框 ---------------------- */


.in-middle {
              background: transparent;
              border: 1px solid rgba(255, 255, 255, 1);
              border-radius: 4px;
              color: #fff;
              outline: none;
              background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
@media screen and (max-width: 1536px) {
	.middle {
              position: absolute;
              top: 300px;
              left: 0px;
              width:100%;
              text-align: center;
}
	
  .large-input {
              width: 400px;
              height: 35px;
              padding-left: 15px;
	}

	.large-text {
              margin-left: 15px;
              height: 35px;
              padding: 0 30px;
              font-size: 12px;
	}
}
@media screen and (min-width: 1537px) {
	.middle {
              position: absolute;
              top: 450px;
              left: 0px;
              width:100%;
              text-align: center;
}
	
  .large-input {
              width: 450px;
              height: 40px;
              padding-left: 15px;
	}

	.large-text {
              margin-left: 15px;
              height: 40px;
              padding: 0 30px;
              font-size: 12px;
	}
}


.login-area .black-area .focus-input::-webkit-input-placeholder {
        color: rgba(255,255,255,0.8)
}

.wrap .ajax-load .focus-input::-webkit-input-placeholder {
        color: rgba(255,255,255,0.8)
}

::-webkit-input-placeholder {
              /* WebKit browsers */
              color: #fff;
}

:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 */
              color: #fff;
}

::-moz-placeholder {
              /* Mozilla Firefox 19+ */
              color: #fff;
}

:-ms-input-placeholder {
              /* Internet Explorer 10+ */
              color: #fff;
}

.footer {
              position: absolute;
              bottom: 3%;
              left: 0;
              font-size: 10px;
              color: #aaa;
              width: 100%;
              color: #FFF;
}

.footer div {
              text-align: center;
}

.a-none {
              color:  #FFF;
}

.a-none:hover {
              color:  #FFF;
}

@-webkit-keyframes fade_show {
              0% {
                            opacity: 0;
                            -webkit-transform: translateY(20px);
                            transform: translateY(20px);
              }
              30% {
                            opacity: 1;
              }
              100% {
                            opacity: 1;
                            -webkit-transform: translateY(0);
                            transform: translateY(0);
              }
}

#background-img {
              animation: fade_show ease-in 0.5s;
}




/* ------------------ index_query_students -----------------------*/

.students {
              position: absolute;
              top: 100px;
              left: 0px;
              bottom: 60px;
              color: #fff;
              width: 100%;
              font-size: 12px;
}

.black-wrap {
              width: 75%;
              margin: 0 auto;
              background-color: rgba(0, 0, 0, 0.3);
}

.table-scroll {
	font-size:14px;
	width:85%;
	margin: 0 auto;
	overflow-y: auto;
	overflow-x:hidden ;
	padding-top:20px;
	padding-bottom:20px;
}

.table {
	width: 95%;
	margin: 0 auto;
	display: none;
}

.table>tbody>tr>th {
	  border-top: none;
}

/* ---------------- 滚动条样式 -----------------*/


.table-scroll::-webkit-scrollbar { /*整体样式*/
    width: 3px;
}

.table-scroll::-webkit-scrollbar-thumb { /*中间块样式*/
    border-radius: 2px;
    background-color: #fff;
}


.table-scroll::-webkit-scrollbar-button { /*两头的小按钮样式*/
	height: 15px;
}

/**-------------- index_query_activities --------------*/ 

.black-wrap-max {
	width: 93%;
}

.table-scroll-max {
	width: 92%;
}

.table-max {
	width: 97%;
}

/*------------------ new_index_content -----------------------------------*/


.student-info{
	font-size:13px;
}

.margin-top {
	margin-top:12px;
}

.big-info {
	font-size:50px;
}

.pencil-posi {
	position:absolute;
	left:10px;
	top:-21px;
	font-size:35px;	
	color:#fff;
}

.pencil-posi:hover {
	color:#fff;	
}

.quantizationlog {
	margin-top:30px;
	margin-bottom:30px;
}

.quanti-title {
	font-size:15px;
	font-weight:bold;
	margin-bottom:12px;
	line-height:18px;
}

.quanti-info {
	margin-top:8px;
}

.index-ajax{
	height:90%;
}

/*------------------ page 相关 -----------------------------------*/

.page-ul {
	width:95%;
	margin:20px auto;
	list-style: none;
	padding:0;
}

.input-border-no-radius {
	padding:3px 8px 3px 8px;
	border: 1px solid #dedede;
	margin-left: 10px;
	background: rgba(255,255,255,0);
		outline: none;
}

.input-border-no-radius:disabled {
	color:rgba(255,255,255,0.4);
	border-color:rgba(255,255,255,0.4);
}

.page-margin {
	margin-left:0;
}

.middle-input-title {
	margin-left: 10px;
}

.input-number {
	border: none;
	outline: none;
	width:20px;
	background: rgba(255,255,255,0);
}

/*------------------ edit_student_info --------------------------------*/

.input-text {
	border: none;
	outline: none;
	background: rgba(255,255,255,0);
	width:200px;
}

.input-border {
	padding:3px 8px;
	border: 1px solid #dedede;
	background: rgba(255,255,255,0);
	border-radius:4px;
	outline: none;
	margin-left:15px;
}

.input-border:disabled {
	color:rgba(255,255,255,0.4);
	border-color:rgba(255,255,255,0.4);
}
.disabled {
	color:rgba(255,255,255,0.4) !important;
	border-color:rgba(255,255,255,0.4) !important;
}
.input-text:disabled {
	color:rgba(255,255,255,0.4);
	border-color:rgba(255,255,255,0.4);
}

.edit-info {
	margin-top:20px;
}

.edit-title {
	margin-top:4px;
}

.icon {
	
	margin-left:15px;
	color:rgba(255,255,255,0.4);
}

.icon-active {
	color:#fff;
}

.ok-button {
	padding:5px 8px;
	border: 1px solid #dedede;
	background: rgba(255,255,255,0);
	border-radius:4px;
	width:200px;
	margin-top:20px;
	outline: none;
}

.margin-top15 {
	margin-top:15px;
}

.error-info {
	color:#ff3a3a;
}

/*------------------ view_activity --------------------------------*/

.act-tr:hover {
	background-color:rgba(0,0,0,0.3);
	cursor: pointer;
}

.stu-tr {
	line-height:25px;
}

.acti-info {
	margin-top:10px;
}

.stu-table {
	width:70%;
}

.texta {
	 margin-left:0px;
	 outline: none;
	 resize:none;
	 width:500px;
}

#qqqq::-webkit-input-placeholder {
	color: rgba(255,255,255,0.8);
}
#qqqq:-moz-placeholder {
	color: rgba(255,255,255,0.8);
}
#qqqq::-moz-placeholder {
	color: rgba(255,255,255,0.8);
}
#qqqq:-ms-input-placeholder {
	color: rgba(255,255,255,0.8);
}
